
<template>
  <view-page>
    <div class="bg"></div>

    <div class="container">
      <UserReportCard />
      <ReportCard :reportList="reportList" />
    </div>

    <CardView/>
    <FooterView />
  </view-page>
</template>

<script setup>
import {ref} from 'vue'
import CardView from '@/components/Footer/CardView'
import FooterView from '@/components/Footer/FooterView.vue';
import ReportCard from './ReportCard.vue';
import UserReportCard from './UserReportCard.vue';
const reportList = ref([
  {
    id: 1, 
    title: '热解有机碳；总有机碳；', 
    count: 2, 
    status: '检查中', 
    desc: '油，气 ｜ 邮寄',
    address: '北京石油地质实验研究中心',
    user: '王晓蕾',
    phone: '18615508558'
  },
  {
    id: 2, 
    title: '双探头低真空场发射扫描电镜矿物扫描系统', 
    count: 2, 
    status: '已预约', 
    desc: 'Apreo,LoVac 30kv',
    address: '北京石油地质实验研究中心',
    user: '王晓蕾',
    phone: '18615508558'
  },
  {
    id: 3, 
    title: '热解有机碳；总有机碳；', 
    count: 2, 
    status: '院内', 
    desc: '油，气 ｜ 邮寄',
    address: '北京石油地质实验研究中心',
    user: '王晓蕾',
    phone: '18615508558'
  },
  {
    id: 4, 
    title: '热解有机碳；总有机碳；', 
    count: 2, 
    status: '默认', 
    desc: '油，气 ｜ 邮寄',
    address: '北京石油地质实验研究中心',
    user: '王晓蕾',
    phone: '18615508558'
  }
])
</script>

<style scoped lang="scss">


.container{
  position: relative;
  z-index: 1;
}
</style>